/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
body {font:13px/1.75 "Microsoft YaHei", arial,sans-serif; color: #333;  background:#fff;overflow-x: hidden;}
a { text-decoration: none;color: #333;}
p{color: #434343;}
a:hover {text-decoration: none}
a img {border-bottom-style: none; border-right-style: none; border-top-style: none; border-left-style: none}
div {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
li {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
p,strong,em{padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;font-weight: normal;}
form {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;}
em{font-style: normal; font-weight: normal;}
table {padding-bottom: 0px;list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
dt {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
dl {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
dd {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
tr {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
input{outline: none;}
.cl{height: 0px; clear: both;}
.fl{float: left; display: block;}
.fr{float: right;}
.container{width:1300px; margin:0 auto; height: 100%;}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-l{ text-align: left !important;}
.txt-r{text-align: right;}
.bg-black{background: #000;}
.col-black{color: #000;}
.col-white{color: #fff !important;}
strong{ font-weight: bold;}
i{font-style: normal;}
.m{ margin: 0 auto;}
.blue{color:#0056a1;}
/* CSS Document */

/*头部*/
.head{height: 98px;line-height: 98px;background: white;}
.logo{height: 69px;margin-top: 18px;}
.head-nav ul{display: flex;margin-top: 1px;}
.head-nav ul li{width: 101px;text-align: center;}
.head-nav ul li a{font-size: 16px;display: block;}
.head-nav ul li:hover a{color: #333;}

.nav{height: 105px;}
.nav ul li{float:  left; position: relative; height:98px;width: 120px;}
.nav ul li>a{display: block; font-size: 16px; line-height: 16px; color: #333333; position: relative;line-height: 99px;text-align: center; transition: all  .25s  ease-in;}
.nav ul li>a em{display: none;margin-top: -80px;height: 80px;}
.nav ul li.on a em{display: block;height: 80px;}

.nav ul li:hover a em{display: block;}
.nav ul li:hover a:after,.nav ul li.on a:after{width: 100%; left: 0; transition:0.6s}
.nav ul li:hover>a,.nav ul li.on>a{color: #f39800;}

#nav  li{position: relative;}
#nav  li .hide{box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);float: left;left: 35%;top: 98px; margin-left: -42px; display: none;position: absolute;z-index: 2; background: white;}
#nav  li .hide em a{float: left; display:block;font-size: 15px; line-height:35px;text-align: center; width: 120px;font-size: 14px}
#nav  li .hide em:last-child a{border-bottom: none;}
#nav  li .hide em a:hover{transition:background-color 0.3s linear; -moz-transition:background-color 0.3s linear;-webkit-transition:background-color 0.3s linear;-o-transition :background-color 0.3s linear;display: block;background: #e8e8e8;}

.navfixed{position: fixed; width: 100%; top: 0; z-index: 2222}
/*banner*/
.banner .swiper-pagination-bullet {width: 44px;height: 3px;border-radius: 0px;opacity: 1;background: #FFFFFF;}
.swiper-pagination-bullet {background: #FFFFFF;}
.banner .swiper-pagination-bullet-active {background: #d3c2a4;}
.banner .swiper-slide{height: 810px;}
.ny-banner .swiper-slide{height: 600px;}

.icon ul{display: flex;}
.icon ul li{height: 115px;width: 260px;text-align: center;margin-top: 40px;}
.icon ul li p{font-size: 17px;color: #50565b;padding-top: 65px;}
.icon-show p{background: url(../images/icon.png)no-repeat top center;}
.icon-show2 p{background: url(../images/icon2.png)no-repeat top center;}
.icon-show3 p{background: url(../images/icon3.png)no-repeat top center;}
.icon-show4 p{background: url(../images/icon4.png)no-repeat top center;}
.icon-show5 p{background: url(../images/icon5.png)no-repeat top center;}

.icon-show:hover p{background: url(../images/iconh.png)no-repeat top center;}
.icon-show2:hover p{background: url(../images/iconh2.png)no-repeat top center;}
.icon-show3:hover p{background: url(../images/iconh3.png)no-repeat top center;}
.icon-show4:hover p{background: url(../images/iconh4.png)no-repeat top center;}
.icon-show5:hover p{background: url(../images/iconh5.png)no-repeat top center;}

/*关于我们 about*/
.about{height: 626px;background: url(../images/about-bg.jpg)no-repeat center;width: 100%;background-size: cover;}
.about ul .fl{width: 852px;}
.about ul .fl em{font-size: 28px;color: #FFFFFF;display: block;margin-top: 116px;}
.about ul .fl p{font-size: 15px;color: #FFFFFF;line-height: 30px;width: 733px;}
.about ul .fl .p1{margin-top: 30px;}
.about ul .fl .p2{margin-top: 15px;}
.about ul .fl .p3{margin-top: 30px;}
.about ul .fl a{margin-top: 90px; border-radius: 26px 0px;text-align: center;line-height: 38px; display: block; width: 138px;height: 38px; font-size: 15px;color: #50565b;background: linear-gradient(#fff,#929ea1);}
.about ul .fr em{font-size: 22px;color: #FFFFFF;display: block;margin-top: 100px;}
.about ul .fr{display: inline-block;}
.about ul .fr ul{width: 330px;display: flex;flex-wrap: wrap;margin-top: 30px;}
.about ul .fr ul li{width: 165px;text-align: right;}
.about ul .fr p{font-size: 54px;font-weight: bold;color: #FFFFFF;width: 188px;}
.about ul .fr p span {font-size: 26px;position: relative;bottom: 30px;}
.about ul .fr span{font-size: 16px;color: #FFFFFF;}
.about ul .fr .data{position: relative;right: 20px;}
.search{margin-top: 67px;margin-left: 57px;}
/*产品*/
.product .title{text-align: center;margin-top: 80px;}
.product .title em{font-size: 32px;color: #000000;}
.product .title i{margin: auto; display: block;width: 56px;height: 3px;background: #000;margin-top: 15px;margin-bottom: 30px;}
.product ul{display: flex;flex-wrap: wrap;width: 1317px;overflow: hidden;}
.product ul li{margin-right: 17px;height: 350px;margin-bottom: 30px;}
.product ul li .pic{width: 640px;height: 350px;overflow: hidden;}
.product ul li .pic img{transition: all 0.4s;}
.product ul li:hover img{transform: scale(1.1);transition: all 0.4s;}
.product ul li:hover .name{color: #f39800;transition: all 0.4s;}
.product ul li .name{font-size:18px;width: 640px;height: 54px;background: rgba(255,255,255,0.9);position: relative;bottom: 54px;text-align: center;line-height: 54px;color: #000000;}

/*优势*/
.ys{background: url(../images/ys-bg.png)no-repeat center;height: 292px;overflow: hidden;}
.ys em{display: block;font-size: 36px;color: #000000;margin-top: 60px;}
.ys a{font-size: 16px;color: #000000;margin-top: 43px; border-radius: 26px 0px;text-align: center;line-height: 38px; display: block; width: 138px;height: 38px;background: #FFFFFF;}
.ys a:hover{color: #f39800;}
.ys a:hover img{opacity: 1;transition: all 0.5s;}
.ys img{position: relative;bottom: 75px;left: 170px;width: 120px;height: 120px;opacity: 0;transition: all 0.5s;}
/*经典案例*/
.case .title{text-align: center;margin-top: 60px;}
.case .title em{font-size: 32px;color: #000000;}
.case .title i{margin: auto; display: block;width: 56px;height: 3px;background: #000;margin-top: 15px;margin-bottom: 30px;}
.case{background: url(../images/Case-bg.jpg)no-repeat center;height: 935px;overflow: hidden;}
.case ul{display: flex;}
.case ul li a{width: 325px;height: 616px;display: block;}
.case ul li .box{background: #202020;opacity: 0.7;height: 100%;overflow: hidden;transition: 0.4s;}
.case ul li .box em{font-size: 20px;color: #FFFFFF;display: block;margin: 117px 0px 14px 47px;border-bottom: 1px solid;width: 250px;padding-bottom: 10px;}
.case ul li .box p{font-size: 14px;color: #FFFFFF;margin-left: 47px;}
.case ul li .line{margin-top: 87px;margin-left: 125px;}
.case ul li .line .sx{width: 1px;height: 68px;display: inline-block;background: #92918e;position: relative;top: 32px;left: 37px;transition: 0.5s;} 
.case ul li .line .hx{width: 68px;height: 1px;display: inline-block;background: #92918e;transition: 0.5s;} 
/*hover*/
.case ul li:hover .line .hx{position: relative;left: 195px;opacity: 0;transition: 0.8s;}
.case ul li:hover .line .sx{position: relative;top: 195px;opacity: 0;transition: 0.5s;}
.case ul li:hover .box{opacity:0;transition: 0.4s;}
.case .ck{margin: auto;font-size: 15px;color: #666666 ;margin-top: 33px;border-radius: 26px 0px;text-align: center;line-height: 38px; display: block; width: 138px;height: 38px;border: 1px solid #cecece;}
.case .ck:hover{color: #f39800;border: 1px solid #f39800;}
/*新闻 news*/
.news .title{text-align: center;margin-top: 60px;}
.news .title em{font-size: 32px;color: #000000;}
.news .title i{margin: auto; display: block;width: 56px;height: 3px;background: #000;margin-top: 15px;margin-bottom: 30px;}
.news ul{width: 1326px;overflow: hidden;display: flex;}
.news ul li{margin-right: 26px;}
.news ul li .pic{width: 416px;height: 268px;overflow: hidden;}
.news ul li .pic img{display: block;transition: all 0.4s;}
.news ul li:hover .pic img{transform: scale(1.1); transition: all 0.4s;}
.news ul li .name em{font-size: 20px;color: #000000;margin-top: 30px;display: block;margin-bottom: 20px;}
.news ul li .name p{font-size: 15px;color: #666666;margin-bottom: 32px;}
.news ul li .name span{font-size: 14px;color: #666666;}
.news .ck{margin: auto;font-size: 15px;color: #666666 ;margin-top: 55px;margin-bottom: 59px; border-radius: 26px 0px;text-align: center;line-height: 38px; display: block; width: 138px;height: 38px;border: 1px solid #cecece;}
.news .ck:hover{color: #f39800;border: 1px solid #f39800;}
/*底部*/
.foot{height: 512px;background: #000000;overflow: hidden;}
.foot .content{display: flex;margin-bottom: 65px;}
.foot ul li em{display: block;font-size: 16px;color: #FFFFFF;}
.foot ul li h2{margin-top: 70px;margin-bottom: 37px;}
.foot ul .phone{margin-top: 35px;}
.foot .foot-list{display: flex;margin-left: 160px;margin-right: 65px;}
.foot .foot-list .title{width: 117px;border-bottom: 1px solid #1C1C1C;padding-bottom: 10px;margin-right: 200px;margin-bottom: 20px;}
.foot .foot-list li{margin-top: 103px;width: 197px;}
.foot .foot-list dl dd{width: 50%;line-height: 29px;color: #696969;font-size: 16px;}
.foot .foot-list li:nth-child(2){margin-right: -30px;width: 360px;}
.foot .foot-list li:nth-child(2) dl dd{float: left;}
.foot .code{text-align: center;}
.foot .code .mao{margin-top: 71px;margin-bottom: 57px;text-align: right;}
.foot .code li p{font-size: 15px;color: #ffffff;margin-top: 5px;}
.foot .yq a,.foot .yq span{color: #696969;}
.foot .yq a{margin-right: 10px;}
.foot .end{margin-top: 52px;}
.foot .end a{color: #696969;margin-left: 10px;}
.foot .end p{color: #696969;}
.foot i{width: 100%;height: 1px;display: block;background: #1C1C1C;position: relative;bottom: 71px;}


/*内页产品*/
.position ul .fl em{font-size: 26px;margin-top: 10px;display: block;}
.position ul .fl i{display: block;width: 50px;height: 3px;background: #000000;margin-bottom: 15px;margin-top: 10px;}
.position ul .fr a{display: inline-block;margin: 20px;color: #696969;font-size: 15px;}
.position ul .fr a:hover{color: #f39800;}

.ny-product{margin-bottom: 80px;}
.ny-product ul li{width: 403px;float: left;margin-right: 30px;text-align: center;height: 220px;margin-top: 20px;overflow: hidden;}
.ny-product ul li .pic img{width: 403px;transition: all 0.4s;}
.ny-product ul li .pic{width: 403px;height: 220px;overflow: hidden;}
.ny-product ul li:hover img{transform: scale(1.1);transition: all 0.4s;}
.ny-product ul li:hover .name{color: #f39800;transition: all 0.4s;}
.ny-product ul li .name{font-size:15px;width: 403px;height: 54px;background: rgba(255,255,255,0.9);position: relative;bottom: 54px;text-align: center;line-height: 54px;color: #000000;}


/*内页案例*/
.ny-case{margin-bottom: 80px;}
.ny-case ul{overflow: hidden;}
.ny-case ul li{width: 240px;float: left;margin-right: 20px;text-align: center;height: 455px;margin-top: 20px;overflow: hidden;}
.ny-case ul li .pic img{width: 240px;transition: all 0.4s;}
.ny-case ul li .pic{width: 240px;overflow: hidden;}
.ny-case ul li:hover img{transform: scale(1.1);transition: all 0.4s;}
.ny-case ul li:hover .name{color: #f39800;transition: all 0.4s;}
.ny-case ul li .name{font-size:15px;width: 240px;height: 54px;background: rgba(255,255,255,0.9);position: relative;bottom: 54px;text-align: center;line-height: 54px;color: #000000;}


/*内页新闻*/
.pageNow {height: 45px;line-height: 45px;margin-bottom: 20px;}
.position {text-align: left;line-height: 30px;margin-bottom: 5px;color: #242e49;font-size: 14px;padding: 0 30px;border-bottom: 1px solid #dcdcdc;padding-top: 10px;padding-bottom: 10px;}
.position a {color: #757575;}


.ny-news{margin-bottom: 30px;}
.ny-news ul{width: 1326px;overflow: hidden;display: flex;flex-wrap:wrap; margin-top: 30px;margin-bottom: 70px;}
.ny-news ul li{margin-right: 26px;position: relative;margin-top: 30px;}
.ny-news ul li .pic{width: 416px;height: 268px;overflow: hidden;}
.ny-news ul li .pic img{display: block;transition: all 0.4s;}
.ny-news ul li .name{width: 416px;}
.ny-news ul li .name em{font-size: 20px;color: #000000;margin-top: 30px;display: block;margin-bottom: 20px;}
.ny-news ul li:hover em{color: #f39800;}
.ny-news ul li .name p{font-size: 15px;color: #666666;margin-bottom: 32px;}
.ny-news ul li .name span{font-size: 14px;color: #666666;}

.ny-news ul li .more {position: absolute;bottom: 193px;width: 416px;height: 48px;background: rgba(0,0,0,0.4);display: none;height: 268px;font-size: 30px;text-align: center;color: #FFFFFF;font-weight: bold;}
.ny-news ul li .more p{color: #FFFFFF;font-weight: bold;line-height: 268px;background: url(../images/nimg223bg.png)no-repeat center center;}
.ny-news ul li:hover .more{display: block}


/*产品详情*/
.ny-right{margin-top: 25px;}
.ny-right  .pro1 .pro-list-pic{width: 332px;}
.ny-right  .pro1 .spec-preview img{display: block;}
.ny-right  .pro1 .descript1{width: 790px;}
.ny-right  .pro1 .descript1 strong.title1{line-height: 38px;font-size: 20px; color: #2d2d2d;display: block;border-bottom: 1px solid #c0ccd6; padding: 10px 0 15px; margin-bottom: 10px;}
.ny-right  .pro1 .descript1 p{font-size: 13px;color: #666;line-height: 28px;margin: 10px 0;text-align: justify;}
.ny-right  .pro1 .descript1 a.consult{display: block; width: 120px; height: 40px; font-size: 15px; color: #fff; line-height: 40px; text-align: center; background: #333; }
.ny-right  .pro1 .descript1 a.consult:hover{background-color: #f39800;}
.ny-right  .pro1 .descript1 a.consult:hover img{opacity: 1;transition: all 0.5s;}
.ny-right  .pro1 .descript1 a.consult img{position: relative;bottom: 43px;left: 151px;width: 120px;height: 120px;opacity: 0;transition: all 0.5s;}
.ny-right  .pro1 .descript1 p.haoma{ color: #333;font-size: 15px;display: block; margin: 20px 0;}
.ny-right  .pro1 .descript1 p.haoma em {display: inline-block;color: #f39800;font-size: 25px;font-weight: bold; vertical-align: middle; font-style: normal;}
.ny-right  .pro1 .share{overflow: hidden;margin-top: 15px;}
.ny-right  .pro1 .share ul li{float: left;margin: 0 5px;}
.ny-right  .detail {margin-bottom: 20px;margin-top: -30px;}
.ny-right  .detail .de-title{border-bottom: solid 3px #f39800; margin-bottom: 20px;}
.ny-right  .detail .de-title a{display: block;width: 130px; font-size: 16px;line-height: 45px;color: #fff; text-align: center; margin-top: 35px;background:#f39800;}

/*内页分类居中*/
.ny-right .pagelist{text-align: center;margin-top: 20px;margin-bottom: 40px;}
.rows{border: 1px solid #999999;padding: 2px;}
.pagelist{text-align: center;/*display: block;*/margin-top: 40px;}
.pagelist span{font-size: 14px;border: 1px solid #ccc;padding: 2px 8px;}
.first{border: 1px solid #ccc;padding: 2px 8px;font-size: 14px;}
.current{border: 1px solid #ccc;padding: 2px 8px;}
.num{border: 1px solid #ccc;padding: 2px 8px;font-size: 14px;margin-left: 4px;}
.pagelist .next{border: 1px solid #ccc;padding: 2px 8px;font-size: 14px;}
.pagelist .end{border: 1px solid #ccc;padding: 2px 8px;font-size: 14px;background: none;color: #333;}

/*QQ 样式*/
.zx-service{position: fixed;right: 5px;top: 30%;z-index: 9999;}
.zx-service ul li{margin-bottom: 1px;position: relative;}
.zx-service ul li a{display: block; width: 80px;height: 52px;padding: 14px 0;background: #000;}
.zx-service ul li:hover a{background: #CB1A23;}
.zx-service ul li a img{display: block;margin: 0 auto 10px;}
.zx-service ul li a span{display: block;width: 80px;color: #fff;text-align: center;line-height: 14px;}
.zx-service ul li dl{width: 150px;padding: 0 15px;background: #CB1A23;text-align: center;display: none;position: absolute;right: 81px;top: 0;}
.zx-service ul li dl dd{font-family: arial;color: #fff;font-size: 20px;height: 50px;width: 150px;line-height: 50px;}
.weixin-hide{width: 130px;padding: 140px 10px 0;background:url(../images/right-wechat.jpg) no-repeat center top 10px #CB1A23;position: absolute;right: 81px;top: 0;display: none;}
.weixin-hide span,.weixin-hide b,.weixin-hide em{display: block; width: 100%;text-align: center;color: #fff;}
.weixin-hide span{line-height: 36px;}
.weixin-hide em{line-height: 35px;}
.weixin-hide b{line-height: 13px;font-family: arial;font-size: 18px}
.tel-hide li span,.tel-hide li b{display: block;color: #fff;}
.tel-hide li span{line-height: 12px;font-size: 14px;}
.tel-hide li b{line-height: 15px;font-size: 19px;font-family: arial;padding-top: 10px;} 
.zx-service03:hover .weixin-hide{display: block;}
.zx-service ul li:hover dl{display: block;}